<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="../common/js/jquery.min.js"></script>
    <script src="../common/js/angular.min.js"></script>
    <script src="../common/js/angular-ui-router.min.js"></script>
    <script src="../common/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../common/css/animate.min.css"/>
    <link rel="stylesheet" href="../common/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/livetwo.css"/>
    <title></title>
</head>
<body ng-app="myApp" ng-controller="Ctrl">
<div class="livetwo-header">
    <div class="hedright">
        <img src="{{aaa}}" alt=""/>
        <p>扫码体验直播相册</p>
    </div>
    <p class="p1">{{p1}}</p>
    <p>{{p4}}</p>
</div>
<div class="pp">
    <div class="hove">
        <div class="tp"> &nbsp;&nbsp;图片直播 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;∨</div>
        <div class="bt">&nbsp;&nbsp;图片直播</div>
    </div>
    <button>全选下载</button>
</div>
<div id="livetwo-wrap">
    <div id="livetwo-main">
        <div class="livetwo-sml" ng-repeat="i in arr" ng-mousemove="mouse(i)" ng-mouseleave="over(i)">
            <img src="{{i.urlB}}" alt=""/>
            <div  ng-show="i.isAdd" class="animated fadeInUp"><span class="glyphicon glyphicon-heart-empty">0</span> <span class="glyphicon glyphicon-save">下载</span></div>
        </div>
    </div>
</div>
</body>
<script>
    angular.module('myApp',[])
            .controller('Ctrl',['$scope','$http',function ($scope,$http){
                var a = localStorage.getItem('name');
                $scope.p1 = localStorage.getItem('p1');
                $scope.p4 = localStorage.getItem('p4');
                $scope.aaa = localStorage.getItem('img');
                console.log(a);
                $http.get("data/live" + a).then(function(data){
                    $scope.arr = data.data.photos;
                    console.log($scope.arr);
                    $scope.mouse = function(i){
                            i.isAdd = true
                    }
                    $scope.over = function(i){
                            i.isAdd = false
                    }
                })

            }])

</script>
</html>